<template>
  <div class="week">
    <div class="week-tit">周末去哪</div>
    <ul class="week-item">
      <li class="item-list" v-for="item of list" :key="item.id">
        <div class="item-img">
          <img :src="item.imgUrl">
        </div>
        <p class="item-tit" v-html="item.title"></p>
        <p class="item-text" v-html="item.desc"></p>
      </li>
    </ul>
  </div>
</template>
<script>
  export default {
    name:'HomeWeekend',
    props:{
      list:Array
    }
  }

</script>
<style lang="stylus" scoped>
  .week
    width: 100%
    background: #fff
    margin-top: 0.2rem
    .week-tit
      line-height: 0.94rem
      text-indent: .4rem
    .week-item
      width:100%
      .item-list
        border-bottom:0.12rem solid #f5f5f5
        .item-tit
          box-sizing: border-box
          padding: 0.1rem 0.2rem
          font-size: 0.28rem
          margin-top:0.35rem
        .item-text
          box-sizing: border-box
          padding: 0.1rem 0.2rem
          font-size: 0.26rem
          color: #999
        .item-img
          width: 100%
          height: 2.8rem
          & img
            width: 100%
</style>
